<template>
	<view class="smart-page-head">
		<view class="smart-page-head-title">image</view>
	</view>	
	<view class="uni-padding-wrap uni-common-mt">
		<view class="uni-title">
			示例1 <text>\n本地图片</text>
		</view>
		<view class="uni-center" style="background:#FFFFFF; font-size:0;">
			<image class="image" mode="widthFix" src="/static/logo.png"/>
		</view>

		<view class="uni-title uni-common-mt">
			示例2 <text>\n网络图片</text>
		</view>
		<view class="uni-center" style="background:#FFFFFF; font-size:0;">
			<image class="image" mode="widthFix"
				src="https://vcg02.cfp.cn/creative/vcg/800/new/VCG41N1303803114.jpg" />
		</view>
	</view>
</template>

<style>
.uni-title {
	margin: 15rpx 0;
	font-weight: 500;
	
}
.uni-center {
	display: flex;
	justify-content: center;
}
.image {
	width: 60%;
}
</style>